<template>
	<view class="music-menu">
		<scroll-view scroll-x class="menu-list">
			<block v-for="item in menus" :key="item.id">
				<music-menu-item :imageUrl="item.coverImgUrl"
												 :playCount="item.playCount"
												 :desc="item.description"
												 :itemId="item.id"/>
			</block>
		</scroll-view>
	</view>
</template>

<script>
	import musicMenuItem from './music-menu-item.vue'
	
	export default {
		props: {
			menus: {
				type: Array
			}
		},
		components:{
			musicMenuItem
		}
	}
</script>

<style scoped>
	.music-menu {
		width: 100vw;
	}
	.menu-list {
		width: 100vw;
		white-space: nowrap;
		position: relative;
		left: -10rpx;
	}
</style>
